<template>
	<baidu-map class="map" ak="B6bwpgvd91QDr0tTCRzOCRy5gMOUtLwr" :center="dian" :zoom="25">
		<bm-marker :position="dian" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
		</bm-marker>
	</baidu-map>
</template>

<script setup lang='ts'>
	import {
		BaiduMap,
		BmMarker
	} from 'vue-baidu-map-3x'
	const dian = ref({
		lng: 116.199889,
		lat: 40.078319
	})
	
</script>


<style>
	.map {
		width: 100%;
		height: 100%;
	}
</style>